<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />
<title>新貼文</title>

<link rel="stylesheet" href="../css/sunny/fontsize1.1/jquery-ui-1.10.4.custom.css">
	
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.js"></script>
<script src="../js/jquery.elastic.source.js"></script>

<style>
input.text,input.file,textarea {
	margin-bottom: 12px;
	width: 235px;
	padding: .4em;
	font-size: 14px;
	font-family: '微軟正黑體';
}

button.ui-datepicker-current {
	display: none;
}

p{
	border-style: solid;
	border-color: grey;
	border-width: thin;
	padding:10px;
	margin:-1px;
	border-radius: 15px;
}
</style>

<script>
	$(function() {
		$("#radio").buttonset();
		$(".buttonClass, button").button();
		$( ".elastic" ).elastic();
		$("#summitid").click(function() {
			parent.$().message("貼文已送出");
		});
	});
</script>

</head>

<body style="overflow-x:hidden;">

	<form id="newpostform" action="#" method="get"
		style="position:relative; line-height: 12px; font-size: 16px; font-family: '微軟正黑體'; padding-: 10px; ">
	
		<p style="border-bottom:none;">
			類型： <span id="radio"> <input id="male" type="radio"
				name="gender" value="male"><label for="male">公開</label> <input
				id="female" type="radio" name="gender" value="female"><label
				for="female">私人</label>
			</span>
		</p>
		<p style="border-bottom:none;">
			<label for="selfintro">內容：</label>
			<textarea name="selfintro" id="selfintro" cols="80" rows="3" style="resize: none; max-height:272px; width: 400px;"
				placeholder="請輸入貼文內容，請放心不限字數。輸入框會隨內容伸展。"
				class="elastic text ui-widget-content ui-corner-all"></textarea>
		</p>
		<!-- input type="file" 加上 multiple attribute使其可以選擇多檔案 -->
		<p style="border-bottom:none;">
			<label for="uploadphoto">上傳圖片：</label><input type="file"
				name="uploadphoto" id="uploadphoto"
				style="width: 300px; font-size: 18px; font-family: '微軟正黑體';">
		</p>
		<p>
			<input id="summitid" type="submit" value="送出 " class="buttonClass">
			<input type="reset" value="重填" class="buttonClass">
		</p>
	</form>
	
</body>

</html>